<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<h:outputScript name="js/calendar.js" />
	<style type="text/css">
.ui-layout-west {
	z-index: 20 !important;
	overflow: visible;
}

.ui-layout-east {
	z-index: 20 !important;
	overflow: visible;
}

.ui-layout-west .ui-layout-unit-content {
	overflow: visible;
}
</style>
</h:head>
<h:body>

	<p:layout fullPage="true">

		<p:layoutUnit position="north" height="60">
			<h:form>


				<h:panelGrid columns="4">
					<h:outputText value="Instituição: " />
					<h:outputText value="FIO - Faculdades Integradas de Ourinhos" />
					<p:commandButton icon="ui-icon-key" title="Trocar senha"
						oncomplete="dlgAlteraSenha.show()" />
					<p:commandButton icon="ui-icon-close"
						actionListener="#{loginBacking.encerraSessao}" ajax="false"
						title="Sair" />
				</h:panelGrid>


				<h:panelGrid columns="2">
					<h:outputText value="Bem-vindo(a): " />
					<h:outputText value="#{loginBacking.nameFuncionario}" />
					<h:outputText value="Usuário:" />
					<h:outputText value="#{loginBacking.usuarioCadastro.login}" />
				</h:panelGrid>

			</h:form>
		</p:layoutUnit>

		<p:layoutUnit position="west" height="50" header="Menu"
			styleClass="ui-layout-west">

			<ui:include src="/menu/menu.xhtml" />
		</p:layoutUnit>

		<p:layoutUnit position="center">
			<ui:insert name="center">
			</ui:insert>
			<br />
			<p:dialog widgetVar="dlgAlteraSenha" header="Alterar Senha"
				hideEffect="clip" showEffect="clip"
				footer="Integração - Portal de Serviços e Comunicação" height="170"
				width="350">
				<br />
				<h:form>
					<h:panelGrid columns="2">
						<h:outputText value="Senha atual:" />
						<p:password size="30" value="#{alteraSenhaBacking.senhaAtual}"
							required="true" requiredMessage="Informe a senha atual!" />
						<h:outputText value="Nova senha:" />
						<p:password size="30" value="#{alteraSenhaBacking.novaSenha}"
							required="true" requiredMessage="Informe a nova a senha!" />
						<h:outputText value="Confirma nova senha:" />
						<p:password size="30"
							value="#{alteraSenhaBacking.confirmaNovaSenha}" required="true"
							requiredMessage="Confirme a nova senha!" />
					</h:panelGrid>
					<br />
					<div align="center">
						<h:panelGrid columns="2">
							<p:commandButton value="Gravar"
								actionListener="#{alteraSenhaBacking.salvaNovaSenha}"
								icon="ui-icon-check" />
							<p:commandButton value="Cancelar" icon="ui-icon-cancel"
								oncomplete="dlgAlteraSenha.hide()" />
						</h:panelGrid>
					</div>
				</h:form>
			</p:dialog>
		</p:layoutUnit>

		<p:layoutUnit position="east" height="50" styleClass="ui-layout-east">
			<!-- 
			<ui:include src="/chat/chat.xhtml" />
		 -->
		</p:layoutUnit>

	</p:layout>

</h:body>

</html>
